<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/page/common/public.jspf"%>
<!DOCTYPE HTML>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta content="max-age=0" http-equiv="Cache-Control" />
<meta content="width=device-width; initial-scale=1.2; minimum-scale=1.0; maximum-scale=2.0" name="viewport" />
<meta content="telephone=no" name="format-detection" />
<meta content="240" name="MobileOptimized" />
<title>绑定银行卡</title>
<script type="text/javascript" src="${path }/js/jquery-1.4.2.min.js"></script>
<link href="${skin }/css/public.css" rel="stylesheet" type="text/css" />
<link href="${skin }/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function (){
	var _storeId=$("#_storeId").val();
	
	if(_storeId==1020){
		var key="CCB";
		var value="中国建设银行";
		$("#bankList").append('<li class="cur" lang="'+key+'" v="'+value+'" t="bank"> <i class="icon_bank"><img src="${skin }/images/'+key+'.png" alt="'+value+'"></i> '+value+' </li>');
	}else{
		var banks = {
			"CMBC":"中国民生银行",
			"ICBC":"中国工商银行", 
			"ABC":"中国农业银行",
			"CCB":"中国建设银行", 
			"BOC":"中国银行", 
			"CMB":"中国招商银行",
			"BCM":"中国交通银行", 
			"PSBC":"中国邮政储蓄银行",
			"CEB":"中国光大银行", 
			"CCITICB":"中信银行", 
			"SPDB":"上海浦发银行",
			"GDB":"广东发展银行", 
			"CIB":"兴业银行", 
			"BJRCB":"北京银行", 
			"HXB":"华夏银行",
			"SHB":"上海银行", 
			"SRCB":"上海农村商业银行", 
			"BEA":"东亚银行", 
			"GZCB":"广州银行",
			"GDRCC":"广州市农村信用合作社", 
			"SDB":"深圳发展银行", 
			"PAB":"平安银行",
			"HZB":"杭州银行", 
			"NBCB":"宁波银行", 
			"CZB":"浙商银行", 
			"NJCB":"南京银行",
			"CBB":"渤海银行", 
			"HSB":"徽商银行"
				};
		var count = 0;
		for(var key in banks)
		{
			count++;
			if(count == 1)
			{
				$("#bankList").append('<li class="cur" lang="'+key+'" v="'+banks[key]+'" t="bank"> <i class="icon_bank"><img src="${skin }/images/'+key+'.png" alt="'+banks[key]+'"></i> '+banks[key]+' </li>');
			}
			else
			{
				$("#bankList").append('<li class="" lang="'+key+'" v="'+banks[key]+'" t="bank"> <i class="icon_bank"><img src="${skin }/images/'+key+'.png" alt="'+banks[key]+'"></i> '+banks[key]+' </li>');
			}
		}
	}
	
	$("ul[id='bankList']>li").click(function(){
		$('#bankId').val($(this).attr("lang"));
		$('#bankName').val($(this).attr("v"));
		$("ul[id='bankList']>li[class='cur']").attr('class', '');
		$(this).attr('class', 'cur');
		$('#userbindForm').submit();	
	});	
});
</script>
</head>

<body>
	<c:import url="/page/common/head.jsp">
		<c:param name="type">wdcp</c:param>
	</c:import>
	<div class="kj_content">
		<input type="hidden" id="_storeId" value="${storeId}"/>
    	<div class="tz_title center s_16">选择绑定银行</div>
	    <div class="bank_area">
			<ul class="bank_list" id="bankList"></ul>
	    </div>
	</div>
	<form action="${path }/memberCenter/member_operate/bindBank.htm" id="userbindForm" method="post">
		<input type="hidden" name="bankId" id="bankId"/>
		<input type="hidden" name="bankName" id="bankName"/>
	</form>
	<c:import url="/page/common/bottom.jsp"></c:import>
</body>
</html>
